﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一加手机</title>
    <meta name="keyword" content="一加手机">
    <meta name="description" content="一家手机,首页">
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
          name="viewport" id='viewport'/>
    <link rel="stylesheet" href="css/footermin.css" media="(max-width:845px)"/>
    <link rel="stylesheet" href="css/footer.css" media="(min-width:845px)"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/homePage.css"/>
    <link rel="stylesheet" href="css/header.css"/>
    <!--<link rel="stylesheet" href="css/footer.css"/>-->
    <link rel="shortcut icon" href="favicon.ico">
    <script src="js/jquery-1.11.3.js"></script>
    <!-- <script src="js/jquery-1.11.3.min.js"></script> -->
    <script src="js/header.js"></script>
    <script src="js/homepage.js"></script>
    <script src="js/footer.js"></script>
    <script src="js/back.js"></script>
</head>
<body>

<!--BEG 头部部分-->
<div class="header-lei" id="headerLei">
    <div class="header-top-lei clearfix">
        <h1 class="logo-lei">
            <a href="#">
                <img src="imgs/logo.png" alt="" title="官网首页" />
            </a>
            <b>一加手机</b>
        </h1>
        <div class="nav-lei">
            <ul>
                <li><a href="#">首页</a><i></i></li>
                <li class="product-show-lei"><a href="chanpin.html">产品</a><i></i></li>
                <li class="shop-show-lei"><a href="goods.html">商城</a><i></i></li>
                <li><a href="serve.html">服务</a><i></i></li>
                <li><a href="#">博客</a><i></i></li>
                <li><a href="BBS.html">论坛</a><i></i></li>
                <li><a href="#">H2OS</a><i></i></li>
            </ul>
        </div>
        <div class="header-nav-lei">
            <ul>
                <li id="lione"></li>
                <li id="litwo"></li>
                <li id="lithree"></li>
            </ul>
        </div>
    </div>
    <!--头部底部隐藏框-->
    <div class="header-bottom-lei">
        <div class="header-product-lei product-show-lei" id="headerProduct">
            <ul>
                <li><a href=""><img src="imgs/product-01.jpg" alt=""/>

                    <p>一加手机111XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product-02.jpg" alt=""/>

                    <p>一加手机222XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product-03.jpg" alt=""/>

                    <p>一加手机333XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product-04.jpg" alt=""/>

                    <p>一加手机444XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product-05.jpg" alt=""/>

                    <p>一加手机555XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-01.png" alt=""/>

                    <p>一加手机666XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-02.png" alt=""/>

                    <p>一加手机777XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-03.png" alt=""/>

                    <p>一加手机888X</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-04.png" alt=""/>

                    <p>一加手机999XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-04.png" alt=""/>

                    <p>一加手机010XX</p>
                </a></li>
            </ul>

        </div>
        <div class="arrow-lei product-show-lei">
            <span class="arrow-left-lei" id="arrLeft"></span>
            <span class="arrow-right-lei" id="arrRight"></span>
        </div>
        <div class="header-shop-lei shop-show-lei" id="headerShop">
            <ul>
                <li><a href="">
                    <img src="imgs/products01.png" alt=""/>

                    <p>选购一加手机X</p>
                </a></li>
                <li><a href=""><img src="imgs/products02.png" alt=""/>

                    <p>选购一加手机Y</p>
                </a></li>
                <li><a href=""><img src="imgs/products03.png" alt=""/>

                    <p>选购一加手机Z</p>
                </a></li>
                <li><a href=""><img src="imgs/products04.png" alt=""/>

                    <p>选购一加手机W</p>
                </a></li>
                <li><a href=""><img src="imgs/products05.png" alt=""/>

                    <p>一家生活馆</p>
                </a></li>
            </ul>
        </div>

    </div>


</div>
 <!--侧部-->
<div class="box" id="bodybox">

    <div class="pic">

    </div>
    <div id="carbox" class="righcartbox">
        <div class="carword">
            <span class="vartopwordone">我的购物车</span>
            <span class="cartopwordtwo">全场满99免运费</span>
            <div class="carpic"></div>
            <div class="carwordtwo">
                <span class="carwordtwol">您的购物车里没有商品，</span>
                <a href="#" class="carwordtwor">去购物&gt</a>
            </div>

            <a href="#" class="carwordthree">全屏查看</a>

        </div>

    </div>
    <div id="personbox" class="rightpersonbox">
        <div class="personhead"></div>

        <input type="text" class="personname" value="手机、邮箱或用户名"/>
        <div class="mimalan">
            <input type="password" class="mima" />
            <span class="mimaval">密码</span>
            <input type="button" class="ok" value="登录"/>
        </div>



        <div class="okdown">
            <div class="okdownl">
                <span class="forgetword"><a href="#">忘记密码</a></span>
            </div>
            <div class="okdownr">
                <span class="jiantou">◆</span>
                <span class="zhuce"><a href="#">注册</a></span>
            </div>
        </div>


        <div class="fenge"></div>


        <div class="qx">
            <a href="#" class="q"></a>
            <a href="#" class="x"></a>
        </div>



    </div>
</div>
<div class="mask" id="mask"></div>
<!--END 头部部分-->

<!--BEG  滚动广告部分-->
<div class="scroll-lei" id="scroll">
    <div class="w">
        <ul>
            <li><a href="#"><img src="imgs/title-jiangjia.jpg" alt=""/></a></li>
            <li><a href="#"><img src="imgs/title-service.jpg" alt=""/></a></li>
            <li><a href="#"><img src="imgs/title-phone.jpg" alt=""/></a></li>
        </ul>
        <ol></ol>
    </div>
</div>
<!--END  滚动广告部分-->

<!--BEG 手机介绍部分-->
<div class="banner-lei clearfix">

    <div class="banner-content-lei">
        <ul>
            <li><a href="#"><img src="imgs/chanpinbai.png" alt=""/>

                <p>一加手机X皓月白</p>

                <div>¥ 1599.00</div>
            </a>
            </li>
            <li><a href="#"><img src="imgs/haoyuehei.jpg" alt=""/>

                <p>一加手机2砂岩黑</p>

                <div>¥ 1799.00</div>
            </a>
            </li>
            <li><a href="#"><img src="imgs/shingbai.jpg" alt=""/>

                <p>一加手机1Baby Skin白</p>

                <div>¥ 1699.99</div>
            </a>
            </li>
        </ul>
    </div>
</div>
<!--END 手机介绍部分-->

<!--BEG 栏目(新闻 生活 分期购)部分-->
<div class="colume-lei">
    <ul>
        <li class="colume-mews-lei"><a href="">
            <div class="colume-bg-lei"></div>
            <div class="colume-bottom-lei">
                <h3>博客</h3>

                <p>我们到底有多讨厌自己的工作？</p>
            </div>
        </a></li>
        <li class="colume-life-lei"><a href="">
            <div class="colume-bg-lei"></div>
            <div class="colume-bottom-lei">
                <h3>一加生活馆</h3>

                <p>好好生活 是一辈子最重要的工作</p>
            </div>
        </a></li>
        <li class="colume-resource-lei"><a href="">
            <div class="colume-bg-lei"></div>
            <div class="colume-bottom-lei">
                <h3>分期购机</h3>

                <p>大学生零首付分期购买一加手机X</p>
            </div>
        </a></li>

    </ul>
</div>
<!--END  栏目(新闻 生活 分期购)部分-->

<!--BEG 艺术生活部分-->
<div class="artlife-lei">

    <a href="javascript:;">
        <img src="imgs/artlife.jpg" alt=""/>
    </a>

</div>
<!--END 艺术生活部分-->


<!--BEG 摄影部分-->
<div class="shoot-lei">
    <a href="javascript:;">
        <img src="imgs/shoot.jpg" alt=""/>
    </a>
</div>
<!--END 摄影部分-->

<!--BEG 分享部分-->
<div class="share-lei">
    <div class="w share-content-lei">
        <div class="share-title-lei">
            <h3>一切美妙的事情, 需要分享给你的朋友。</h3>
            <h4>The best things in life should be shared.</h4>
        </div>
        <div class="share-icon-lei">
				<span class="share-weibo-bg-lei">
					<i></i>	<a href="#" class="share-icon-weibo-lie">
                </a>
				</span>


				<span class="share-qq-bg-lei">
					<i></i><a href="#" class="share-icon-qq-lie">
                </a>
				</span>

				<span class="share-db-bg-lei">
					<i></i><a href="#" class="share-icon-db-lie">
                </a>
				</span>


        </div>
    </div>
</div>
<!--END 分享部分-->

<!--BEG 尾部部分-->
<div class="footer-lei">
    <div class="footer-right-lei">
        <p class="footer-right-tel-lei">
            <span><i></i>客服热线：400-888-1111</span>
            <a href="#"><i></i>在线客服</a>
        </p>

        <div class="footer-right-region-lei">

            Region：
            <span> &nbsp&nbsp中国</span>
            <i></i>

            <div class="footer-right-globle-lei">
                <a href="#">中国</a>
                <a href="#">Globle</a>
            </div>
        </div>
    </div>
    <div class="footer-left-lei">
        <div class="footer-links-lei">
            <a href="#">零售店</a>
            <i></i>
            <a href="#">帮助中心</a>
            <i></i>
            <a href="#">关于我们</a>
            <i></i>
            <a href="#">加入我们</a>
            <i></i>
            <a href="#">网站地图</a>
        </div>
        <p>© 2013-2016 深圳市万普拉斯贸易有限公司 版权所有(<a href="#">粤ICP备13088308号-1</a>)</p>

        <div class="footer-check-lei">
            <a href="javascript:;"><img src="imgs/footer-cnnic.png" alt=""/></a>
            <a href="javascript:;"><img src="imgs/footer-sm.png" alt="foo"/></a>
        </div>
    </div>


</div>
<!--END 尾部部分-->

</body>
</html>